@charset "utf-8";

#cont5{ width: 100%; height: 812px; background: url("../Image/cont5_bg.jpg") no-repeat center;}
.cont5{ width: 1200px; margin: 0  auto; padding-top: 50px;}
.case_title{ width: 100%; height: auto; text-align: center;}
.case_con{ width: 100%;  height: auto; overflow: hidden; padding-top: 30px;}
.bodyCon08 .students{margin:0 auto;width:1200px;height:480px;position:relative;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1200px;height:420px; margin:0 auto;}
#four_flash .flashBg{width:1200px;height:420px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:430px; position:absolute;top:15px; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:300px;height:420px;margin-left:2px;padding-top:20px;color:#fff;}
/*#four_flash .flashBg ul.mobile li:hover dd, #four_flash .flashBg ul.mobile li:hover p{ color:#f27f7f;}*/
#four_flash .flashBg ul.mobile li img{width:285px;height:180px;display:block; margin:0 auto; position: relative; }
/*#four_flash .flashBg ul.mobile li:hover img{ border:4px solid #f27f7f; }*/
#four_flash .flashBg ul.mobile li dd{font-size:20px;width:100%;line-height:60px;text-align:center; color: #333;}
#four_flash .flashBg ul.mobile li p{font-size:14px; color:#666; width:280px; margin: 0 auto; line-height:20px;margin-top:0px;}
#four_flash .flashBg ul.mobile li span{display:block; width:99px;height:36px; position: absolute; bottom: 50px; margin-left: 105px; font-size: 14px; color: #fff; line-height: 36px; text-align: center; background: #ec3e3d; border-radius: 30px;}
/*#four_flash .flashBg ul.mobile li span:hover{ background: #f27f7f; color: #fff;}*/
#four_flash .but_left{width:50px;height:100px;position:absolute; top:220px; left:-50px; cursor: pointer;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:220px; right:-70px;cursor: pointer;}
#four_flash .but_left:hover{opacity: 0.8;}
#four_flash .but_right:hover{opacity: 0.8;}
#four_flash .flashBg ul.mobile li .more{margin-top: 10px; padding-left: 10px; color: #d34243}
#four_flash .flashBg ul.mobile li a{display: block}

#pig{ -webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite;}
#pig2{ -webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 2.0s infinite; position: relative;}
#pig2 .indexEwe{ width: 100px; height: 100px; display: none;}
#pig2:hover .indexEwe{ display: block; position: absolute; top: -110px; left: -17px;}


#pig3{ -webkit-animation: float ease-in-out 2.5s infinite;animation: float ease-in-out 1.5s infinite;}
#pig4{ -webkit-animation: float ease-in-out 3.0s infinite;animation: float ease-in-out 2.0s infinite;}
#pig5{ -webkit-animation: float ease-in-out 3.5s infinite;animation: float ease-in-out 1.5s infinite;}
@-webkit-keyframes float{0%{-webkit-transform: translateY(0);transform: translateY(0);}50%{-webkit-transform: translateY(1em);transform: translateY(1em);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes float{0%{-webkit-transform: translateY(0);transform: translateY(0);}50%{-webkit-transform: translateY(1em);transform: translateY(1em);}100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes shadow{0%{-webkit-transform: translateY(0);transform: translateY(0);opacity: .5;}50%{-webkit-transform: translateY(1em) scale(.9);transform: translateY(1em) scale(.9);opacity: 1;}100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: .5;}}
@keyframes shadow{0%{-webkit-transform: translateY(0);transform: translateY(0);opacity: .5;}50%{-webkit-transform: translateY(1em) scale(.9);transform: translateY(1em) scale(.9);opacity: 1;}100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: .5;}}